<template>
  <div class="middlekey-page">
    <!-- 我的工作台 -->
    <workbanch v-if="componentName=='workbanch'" @addTab="addTab"></workbanch>
    <!-- 数据中心 -->
    <!-- 借款日报 -->
    <borrowDaily v-if="componentName=='borrowDaily'" @addTab="addTab"></borrowDaily>
    <!-- 风险日报 -->
    <riskDaily v-if="componentName=='riskDaily'" @addTab="addTab"></riskDaily>
    <!-- 运营日报 -->
    <operateDaily v-if="componentName=='operateDaily'" @addTab="addTab"></operateDaily>

    <!-- 渠道报表-->
    <channelReport v-if="componentName=='channelReport'" @addTab="addTab"></channelReport>
    <!-- 渠道报表-日 -->
    <!-- <channelReportDay v-if="componentName=='channelReportDay'" @addTab="addTab"></channelReportDay> -->
    <!-- 应用市场报表 -->
    <applyMarketReport v-if="componentName=='applyMarketReport'" @addTab="addTab"></applyMarketReport>

    <!-- 运营管理 -->
    <!-- 渠道管理 -->
    <!-- <channelList v-if="componentName=='channelList'" @addTab="addTab"></channelList> -->
    <!-- 数据汇总 -->
    <!-- <dataCollection v-if="componentName=='dataCollection'" @addTab="addTab"></dataCollection> -->
    <!-- 用户运营 -->
    <userOperate v-if="componentName=='userOperate'" @addTab="addTab"></userOperate>

    <!-- 订单管理 -->
    <!-- 订单查询 -->
    <orderList v-if="componentName=='orderList'" @addTab="addTab"></orderList>
    <!-- 订单详情 -->
    <orderDetails v-if="componentName=='orderDetails'" :queryMsg="queryMsg" @addTab="addTab"></orderDetails>
    <!-- 到期提醒 -->
    <dueToday v-if="componentName=='dueToday'" @addTab="addTab" :queryMsg="queryMsg"></dueToday>
    <!-- 到期提醒审核资料 -->
    <dueMessage v-if="componentName=='dueMessage'" :queryMsg="queryMsg"></dueMessage>

    <!-- 财务管理 -->
    <!-- 待放款 -->
    <moneyPending v-if="componentName=='moneyPending'" @addTab="addTab"></moneyPending>
    <!-- 放款确认 -->
    <moneyConfirm v-if="componentName=='moneyConfirm'" @addTab="addTab"></moneyConfirm>
    <!-- 放款成功记录 -->
    <moneySuccess v-if="componentName=='moneySuccess'" @addTab="addTab"></moneySuccess>
    <!-- 还款记录 -->
    <repayList v-if="componentName=='repayList'" @addTab="addTab"></repayList>
    <!-- 人工入账列表 -->
    <financeManualentry v-if="componentName=='financeManualentry'" @addTab="addTab"></financeManualentry>
    <!-- 人工入账流水 -->
    <financeManualFlow v-if="componentName=='financeManualFlow'" @addTab="addTab"></financeManualFlow>

    <!-- 用户详情 -->
    <userList v-if="componentName=='userList'" :queryMsg="queryMsg" @addTab="addTab"></userList>
    <!-- 用户详情页 -->
    <userInfoDetail v-if="componentName=='userInfoDetail'" :queryMsg="queryMsg"></userInfoDetail>

    <!-- 催收管理 -->
    <!-- 催收已结案列表 -->
    <collectCaseClosed v-if="componentName=='collectCaseClosed'" @addTab="addTab"></collectCaseClosed>
    <!-- 催收结案待审批 -->
    <collectCasepending v-if="componentName=='collectCasepending'" @addTab="addTab"></collectCasepending>
    <!-- 案件池 -->
    <collectcasepool v-if="componentName=='collectcasepool'" @addTab="addTab"></collectcasepool>
    <!-- 催收列表 -->
    <collectList v-if="componentName=='collectList'" @addTab="addTab"></collectList>
    <!-- 案件详情 -->
    <collectionMessage
      v-if="componentName=='collectionMessage'"
      @addTab="addTab"
      :queryMsg="queryMsg"
    ></collectionMessage>

    <!-- 系统管理 -->
    <!-- 账号管理 -->
    <accountManage v-if="componentName=='accountManage'" @addTab="addTab"></accountManage>
    <!-- 角色管理 -->
    <authorityManage v-if="componentName=='authorityManage'" @addTab="addTab"></authorityManage>
  </div>
</template>
<script>
import workbanch from "./page/workbench/workbanch"; //我的工作台

//运营管理
// import channelList from "./page/operate/channelList.vue"; //渠道列表
// import dataCollection from "./page/operate/dataCollection.vue"; //数据汇总
import userOperate from "./page/operate/userOperate.vue"; //用户运营


//数据中心
import borrowDaily from "./page/dataCenter/borrowDaily.vue"; //借款日报
import riskDaily from "./page/dataCenter/riskDaily.vue"; //风险日报
import operateDaily from "./page/dataCenter/operateDaily.vue"; //运营日报
import channelReport from "./page/dataCenter/channelReport.vue"; //渠道报表
import applyMarketReport from "./page/dataCenter/applyMarketReport.vue"; //应用市场报表

//用户管理
import userList from "./page/user/userList"; //用户列表
import userInfoDetail from "./page/user/userInfoDetail"; //用户详细信息

//订单管理
import orderList from "./page/orderManage/orderList.vue"; // 订单查询
import dueToday from "./page/orderManage/dueToday.vue"; //到期提醒
import dueMessage from "./page/orderManage/dueMessage.vue"; //到期提醒-审核资料(用户信息、提醒记录)

// 财务管理
import moneyPending from "./page/financeManage/moneyPending.vue"; // 待放款订单
import moneyConfirm from "./page/financeManage/moneyConfirm.vue"; // 待确认订单
import moneySuccess from "./page/financeManage/moneySuccess.vue"; // 放款记录
import repayList from "./page/financeManage/repayList"  //还款记录
import financeManualentry from "./page/financeManage/financeManualentry.vue"; //入账
import financeManualFlow from "./page/financeManage/financeManualFlow.vue"; //入账流水

//催收管理
import collectcasepool from "./page/collection/collectcasepool.vue"; //案件池
import collectList from "./page/collection/collectList.vue"; //催收列表
import collectCasepending from "./page/collection/collectCasepending.vue"; //审批待结案列表
import collectCaseClosed from "./page/collection/collectCaseClosed.vue"; //已结案列表
import collectionMessage from "./page/collection/collectionMessage.vue"; //案件详情

//系统管理
import accountManage from "./page/systemManage/accountManage.vue"; //账号管理
import authorityManage from "./page/systemManage/authorityManage"; //角色管理

import orderDetails from "../components/userInfo/orderDetails"; // 订单详情

export default {
  props: ["componentName", "queryMsg"],
  components: {
    workbanch,//我的工作台

    userList, //用户管理--用户列表
    userInfoDetail, //用户列表详情页面

    borrowDaily, //借款日报
    riskDaily, //风险日报
    operateDaily, //运营日报
    channelReport, //数据中心--渠道报表
    applyMarketReport, //应用市场报表

    // channelList, //运营管理--渠道列表
    // dataCollection, //运营管理--数据汇总
    userOperate,//运营管理--用户运营

    orderList, //订单管理
    orderDetails, //订单详情
    dueToday, //到期提醒
    dueMessage, //到期提醒审核资料

    moneyPending, //财务管理--待放款订单
    moneyConfirm, //财务管理--待确认订单
    moneySuccess, //财务管理--放款记录
    repayList, //财务管理--还款记录
    financeManualentry, //财务管理--入账
    financeManualFlow, //财务管理--入账流水

    collectcasepool, //催收管理--案件池
    collectList, //催收管理--催收列表
    collectCasepending, //催收管理--审批待结案列表
    collectCaseClosed, //催收管理--已结案列表
    collectionMessage, //催收管理--案件详情

    accountManage, //账号管理
    authorityManage //角色管理
  },
  computed: {
    orderDetailsObj() {
      return this.$store.state.orderDetailsObj;
    }
  },
  methods: {
    addTab(obj) {
      let that = this;
      that.$emit("addTab", obj);
    }
  },
  watch: {
    orderDetailsObj(curVal, oldVal) {
      var that = this;
      if (curVal) {
        that.addTab(curVal);
      }
    }
  },
  created() {
    let that = this;
  }
};
</script>
<style lang="less">
.el-tabs__item.is-active {
  color: #3387ff !important;
}
.el-tabs__item:hover {
  color: #3387ff !important;
}
</style>
